<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设计师个人中心</title>
    <link type="text/css" rel="stylesheet" href="../Public/css/reset.css">
    <link type="text/css" rel="stylesheet" href="../Public/css/DateTimePicker.css">
    <link type="text/css" rel="stylesheet" href="../Public/css/style.css">
     <script type="text/javascript" src="../Public/script/jquery.js"></script>
<script type="text/javascript" src="../Public/layer/layer.js"></script>
    <style>
        input{
            border: 1px solid #D3D4D3;
        }
        .tr{
            width: 100%;
            display:block;
            margin: 1%;
        }
        .td{
            width: 50%;
            text-align: right;
            padding-right: 5%;
        }
        .title-img{
            background: url("../Public/images/center.jpg") center no-repeat;
            height: 160px;
            background-size: cover; -moz-background-size: cover;
        }
        .big{
            display: flex;flex-direction: row;padding-right: 2%;padding-left: 2%;margin-bottom: 2%;margin-top:15px;
        }
        .active{
            color: red;
        }
        .center_ul{
            width: 100%;margin: 0;padding: 0;
        }
        .center_li{
            font-weight: 400;padding: 10px;
        }
        .menu{
            width:15%;background-color: #e6f1ef;text-align: center;margin: 0;padding: 0;height: 500px
        }
        .top01{
            width: 80%;margin-left: 10px;
            min-height: 800px;
        }
        .top01 .menu-top{
            display: flex;
            flex-direction:row;
            width: 100%;
            justify-content:space-between;
            margin: 0;
            padding-bottom: 1.5%;
            padding-top: 1.5%;
            color: #353333;
            text-align: center;
            background-color: #7bc2f1;
        }
        .top01 .menu-msg{
            font-size: 14px;
            display: flex;
            flex-direction:row;
            width: 100%;
            justify-content:space-between;
            margin: 0;padding: 0;
            text-align: center;
            background-color: #b1bbb9;
        }
        .top01 .menu-msg li {
            padding: 1%;width: 9%;align-self: center;
        }
        .top01 .menu-top li{
            padding: 1%;width: 9%;
        }
        .top01 .menu_top{
            margin-bottom: 1%;
        }
        .bottom_01{
            display: flex;flex-direction:row;width: 100%;justify-content:space-between;margin: 0;padding: 0;text-align: center;
        }
        .bottom_01 .table{
            padding: 1%;width: 9%;align-self: center;
        }
        .bottom_01 .img{
            display: flex;flex-direction:column; width: 10%;
        }
        .bder{
            border: 1px solid #2e8ded;margin-bottom: 2%;
        }
        .pdg{
            padding: 1%;border-bottom: 1px solid #e6f1ef;
        }
        .table {
            max-width: 100%;
            background-color: transparent;
            border-collapse: collapse;
            border-spacing: 0;
        }
        .table>thead>tr>th {
            border-bottom: 2px solid #ddd;
        }

        .table thead th {
            vertical-align: bottom;
        }

        .table th {
            font-weight: bold;
        }

        .table th, .table td {
            padding: 8px;
            line-height: 20px;
            text-align: left;
            vertical-align: top;
            border-bottom: 1px dashed #D4D4D4;
        }
        .table  a {
            color: #428bca;
            text-decoration: none;
        }
    </style>
        <style>

.current{padding: 4px 11px;background:#FFC904 ;color: #fff; border: 1px solid #e5e5e5; font-size: 15px }
.num{ background: ; color: #009f8f;padding: 4px 11px;border: 1px solid #e5e5e5; font-size: 15px   }
.prev{border: 1px solid #e5e5e5; background: ;  color: #009f8f; font-size: 15px;padding: 4px 11px;}
.next{ border: 1px solid #e5e5e5; background: ; color: #009f8f; font-size: 15px;padding: 4px 11px; }

.ddd{border: 1px solid #e5e5e5; color:#009f8f;padding: 4px 11px;font-size: 15px}

</style>
</head>
<body>
<!-- 公共头部引用 str -->
<include file="Common:header"/>
<!-- 公共头部引用 str -->
<div class="title-img"></div>
<div class="big" ><!--style="display: block"-->
   <div class="menu">
            <include file="Common:menu"/>
        </div>
    <div class="top01" style="    min-height: 560px;">
        <div class="table_list">
            <table width="100%" class="table table-hover">
                <thead>
                <tr>
                 <th>序号</th>
                    <th>标题</th>
                    <th>内容</th>
                    <th>图片</th>
                    <th>时间</th>
                    <th>操作</th>
                </tr>
                </thead>
                <foreach name="list" item="vo" key="key">
                    <tr>

                 <td style="width: 10%">{:(I('get.p'))?((I('get.p')-1)*10+$key+1):($key+1)}</td>
                        <td style="width: 20%"><a href="{:U('Quanzi/details',array('id'=>$vo['id']))}">{$vo.title}</a></td>
                        <td style="width: 20%">{$vo.content}</td>
                        <td style="width: 20%"><volist name="vo.img1" id="jj"><img src="Uploads/{$jj}" width="50" height="35"></volist></td>
                        <td style="width: 20%">{:date('Y-m-d H:i:s',$vo['time'])}</td>
                        <td style="width: 10%">
                            <a href="{:U('Quanzi/details',array('id'=>$vo['id']))}">详情</a>&nbsp;|&nbsp;
                             <a href="javascript:;" onClick="quanzi(this,{$vo.id})">删除</a>
                        </td>

                    </tr>
                </foreach>
            </table>
 
        </div>

    </div>
    </div>
      
 <div class="pages" style="margin-bottom: 10px">
                 <div  style="text-align: center; ">{$page}</div>  

            </div>
         

<!--bottom-->
<include file="Common:footer"/>
<!--bottom end-->

<script>
    $(function(){
        $(".menu-top li").click(function(){
            var ss=$(this)
            $(".menu-top li").removeClass("active")
            ss.addClass("active")
        })
        $(".center_ul li").click(function(){
            var ss=$(this)
            $(".center_ul li").removeClass("active")
            ss.addClass("active")
        })
    })

function quanzi(obj,id){
    

  $.ajax({
     url:'{:U("User/release1")}',
     type:'post',
     data:{
     id:id
     },
     success:function(data){
      if (data==1) {
        layer.msg('删除成功',{time:1000},function(){

            location.reload();
        });
      }
       
     }


  })}

  



</script>
</body>
</html>